body{ font-family:"微软雅黑"; margin:0px; padding:0px; font-size:14px;}
div, dl, dt, dd, ul, ol, li,pre, code,
form, fieldset, input, button,
textarea, p, table, th, td, h3,h2,h4{margin:0px;padding:0px;}
img{border:0;}
ul,li{list-style-type:none; }
:focus {outline:0;}
a {text-decoration:none; color:#333333;}
a:hover {text-decoration:none; color:#333333;}

/* banner */
.jssorl-009-spin img {	animation-name:jssorl-009-spin;	animation-duration:1.6s;	animation-iteration-count:infinite;	animation-timing-function:linear}
@keyframes jssorl-009-spin {
	from {	transform:rotate(0);}
to {	transform:rotate(360deg);}
}
.jssorb051 .i {	position:absolute;	cursor:pointer}
.jssorb051 .i .b {	fill:#fff;	fill-opacity:.5}
.jssorb051 .i:hover .b {	fill-opacity:.7}
.jssorb051 .iav .b {	fill-opacity:1}
.jssorb051 .i.idn {	opacity:.3}
.jssora051 {	display:block;	position:absolute;	cursor:pointer}
.jssora051 .a {	fill:none;	stroke:#fff;	stroke-width:360;	stroke-miterlimit:10}
.jssora051:hover {	opacity:.8}
.jssora051.jssora051dn {	opacity:.5}
.jssora051.jssora051ds {	opacity:.3;	pointer-events:none}

/* 首页通用 */
.main{ width:95%; max-width: 1280px; margin: auto;}
.main h2{ font-size:42px; font-weight: normal; color: #141414;line-height: 160%;}
.main h3{ font-size:24px; font-weight: normal; color: #777777;}
.main h3 span{ float: right; font-size: 15px; }
.main h3 span img{ display: -webkit-inline-box;}
@media (max-width:720px){ 
.main h2{ font-size:34px; }
.main h3{ font-size:20px; }
}
/* 关于卡哲 */
.index_01 { padding: 70px 0; overflow: hidden;}
.index_01 .left{ width: calc(100% - 490px); float: left;}
.index_01 .left h2{ padding-top: 50px; }
.index_01 .left h3{ padding-bottom: 20px;}
.index_01 .left p{line-height: 36px; font-size: 18px; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:5; -webkit-box-orient: vertical;}
.index_01 .left .more{ width: 200px; margin-top: 50px; height: 60px; border: solid 1px #999999; text-align: center; line-height: 60px;}
.index_01 .right{ width: 390px; float: right;}
.index_01 .right img{ width: 100%; height: auto;}
@media (max-width:1280px){ 
.index_01 .left{ width: calc(100% - 440px); float: left;}
}
@media (max-width:720px){ 
.index_01 .left{ width:100%; }
.index_01 .left h2{ padding-top: 0px;}
.index_01 .right{ width:100%; display: none; }
}

/* 产品中心 */
.index_02{ background:url(../images/index_02bg.png); padding: 60px 0 90px 0; overflow: hidden;}
.index_02 h2{ color: #fff;}
.index_02 h3 span{ color: #cccccc;}
.index_02  h3{ padding-bottom: 40px;}
.index_products h3, .index_products h4{color: #fff;padding-bottom:0px; line-height: 150%;}
.index_products a h3, .index_products a h4 {color: #fff;}
.index_02 .left{ width: 25%; float: left;}
.index_02 .left .cp_left{ height:506px;  padding: 20px;box-sizing: border-box; position: relative;  }
.index_02 .left .cp_left .title{ position:absolute; bottom: 20px;}
.index_02 .right{ width: 75%; float: left;}
.index_02 .right ul li{ width: calc(33.33% - 10px); position: relative; display: table-cell; vertical-align:text-bottom; height:248px ; margin-left: 10px; margin-bottom: 10px; float: left; padding: 20px; box-sizing: border-box;}
.index_02 .right ul li .title{ position:absolute; bottom: 20px;}
@media (max-width:720px){ 
.index_02 .left{ width: 100%; margin-bottom: 10px;}
.index_02 .left .cp_left{ height: 248px;}
.index_02 .right{ width: 100%; }
.index_02 .right ul li{ width: calc(33.33% - 7px); margin:0 10px 10px 0px;  }
.index_02 .right ul a:nth-child(1) li{ margin:0 10px 10px 0px;}
.index_02 .right ul a:nth-child(2) li{ margin:0 10px 10px 0px;}
.index_02 .right ul a:nth-child(3) li{ margin:0 0px 10px 0px;}
.index_02 .right ul a:nth-child(4) li{ margin:0 10px 10px 0px;}
.index_02 .right ul a:nth-child(5) li{ margin:0 10px 10px 0px;}
.index_02 .right ul a:nth-child(6) li{ margin:0 0px 10px 0px;}
}
@media (max-width:420px){ 
	.index_02 .right ul li{ width: calc(50% - 5px); margin:0 10px 10px 0px;  }
	.index_02 .right ul a:nth-child(1) li{ margin:0 10px 10px 0px;}
	.index_02 .right ul a:nth-child(2) li{ margin:0 0px 10px 0px;}
	.index_02 .right ul a:nth-child(3) li{ margin:0 10px 10px 0px;}
	.index_02 .right ul a:nth-child(4) li{ margin:0 0px 10px 0px;}
	.index_02 .right ul a:nth-child(5) li{ margin:0 10px 10px 0px;}
	.index_02 .right ul a:nth-child(6) li{ margin:0 0px 10px 0px;}
	}


/* 新闻中心 */
.index_03{  padding: 60px 0 170px 0; overflow: hidden;}
.index_03 h3{ padding-bottom: 20px;}
.index_newslist ul li{ width: calc(50% - 27px); float: left; border: solid 1px #e5e5e5; }
.index_newslist ul a:nth-child(1) li{ margin-right: 50px;}
.index_newslist ul li .img{ width: 100%;}
.index_newslist ul li .img img{ width: 100%;}
.index_newslist ul li .news{ padding:10px 28px;}
.index_newslist ul li .news h3{ font-size: 20px; color: #000000; padding-bottom:0px;}
.index_newslist ul li .news p{ font-size: 16px; padding: 16px 0 0px 0; height: 52px; line-height: 26px; color: #999999;overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical;}
.index_newslist ul li .news .time{ height: 50px; margin-top: 16px;  font-size: 14px; line-height: 50px; border-top: solid 1px #e5e5e5; background:none; text-align:left;}

@media (max-width:420px){ 
	.index_newslist ul li{ width:100%; float: left;box-sizing: border-box; margin-bottom: 10px; border: solid 1px #e5e5e5; }
	}

/* 首页底部 */
.footer{ background: #000000; color: #fff; }
.footer .main{position: relative;}
.footer a{ color: #fff;}
.footer_t{ overflow: hidden; padding:20px 0 56px 0;}
.footer_t .left{ width: calc(100% - 370px); float: left; }
.footer_t .left dl{ width: 25%; float: left;}
.footer_t .left dl dt{ font-size: 16px; color: #999999; font-weight: 600; line-height: 50px;}
.footer_t .left dl dd{ font-size: 14px; line-height: 28px;}

/* 底部 */
.footer{ background: #000000; color: #fff; }
.footer .main{position: relative;}
.footer a{ color: #fff;}
.footer_t2{ overflow: hidden; padding:20px 0 56px 0;}
.footer_t2 .left{ width: 40%;  float: left; }
.footer_t2 .left .logo{ padding:15px 0 30px 0;}
.footer_t2 .left .logo h3{ color:#fff; font-size:20px;}
.footer_t2 .left .logo p{ color:#999999;}
.footer_t2 .left  p{ line-height:28px;}
.footer_t2 .right{ width: 60%; float: left; }
.footer_t2 .right dl{ width: 25%; float: left;}
.footer_t2 .right dl dt{ font-size: 16px; color: #999999; font-weight: 600; line-height: 50px;}
.footer_t2 .right dl dd{ font-size: 14px; line-height: 28px;}
.lyb{ width: 370px; padding: 20px; box-sizing: border-box; background: #f5f5f5; right:0; top:-107px; position: absolute;}
.lyb h3{ font-size: 22px; color:#000000; margin-bottom: 10px;}
.lyb_index input{ width: 100%; height: 36px; line-height: 36px; box-sizing: border-box; padding: 0 5px; border: solid 1px #e5e5e5; border-radius: 2px; margin-bottom: 14px;}
.lyb_index .tj{ background: #e60012; height: 42px; line-height: 42px; color: #fff;border-radius: 2px;}
.footer_b{ padding: 20px 0; border-top: solid 1px #1a1a1a;}

@media (max-width:940px){ 
.footer_t .left{ width:100%; float: left; }
.lyb{ display:none;}
.footer_t2 .left{display:none;}
.footer_t2 .right{ width: 100%;}
}
@media (max-width:520px){ 
.index_03{  padding: 60px 0 60px 0; }
.footer_t{ display:none;}
.footer_t2{ display:none;}
}

/*内容页-通用    企业荣誉 社会责任 消费者责任 诚信运营 员工责任*/
.ny_banner{ width:100%; overflow:hidden;}
.ny_banner img{ width:100%;}
.ny_main{ width:95%; max-width: 1280px; margin: auto; padding-top:10px; overflow:hidden;}
.ny_main .title{ padding:40px 0; line-height:50px; text-align:center; font-size:42px;}
.ny_main .zhengwen{ font-size:17px; line-height:36px; overflow:hidden; margin-bottom:100px;}
.ny_main .zhengwen img{ max-width:100%;}
/* 公司简介 */
.gsjj{ background:#f8f8f8;}
.gsjj .left{ width: 70%; float: left; padding: 40px; box-sizing: border-box;}
.gsjj .right{ width: 30%; float: left;}
.gsjj .right img{ width: 100%;}
@media (max-width:520px){ 
.gsjj .left{ width:100%; padding: 20px; }
.gsjj .right{ width:100%;}
}
/*核心理念*/
.hxln{  border:solid 6px #d3d3d3;}
.hxln .left{ width:55%; float: left; padding: 40px; box-sizing: border-box;}
.hxln .right{ width:45%; float: left;}
.hxln .right img{ width: 100%;}
@media (max-width:520px){ 
	.hxln .left{ width:100%; padding: 20px; box-sizing: border-box;}
	.hxln .right{ width:100%; display: none;}
	}
/*质量体系*/
.zltx_main{ width:100%; padding-top:10px;  overflow:hidden;}
.zltx_main .title{ padding:40px 0; line-height:50px; text-align:center; font-size:42px;}
.zltx_main .zltx{ width:100%;  font-size:18px; line-height:36px; overflow:hidden; background:url(../images/zltx_bg.png) #f8f8f8 bottom center no-repeat; padding:30px 0 280px 0;}
.zltx_main .zltx .zhengwen{ width:95%; max-width: 1280px; margin: auto; }
.zltx_main .zltx .zhengwen .nr{ width:100%; max-width:640px;}
@media (max-width:520px){ 
	.zltx_main .zltx{ background-size:100%; padding:30px 0 50px 0;}
	}
/*企业愿景*/
.qyyj{  border:solid 4px #d3d3d3; padding:40px;}
.qyyj.zhengwen{ font-size:22px; line-height:45px; }
@media (max-width:520px){ 
	.qyyj{padding:20px;}
	}

/*新闻中心*/
.news_list { overflow:hidden;}
.news_list ul li{ width: calc(50% - 27px); float: left; border: solid 1px #e5e5e5; margin-bottom:50px}
.news_list ul a:nth-child(odd) li{ margin-right: 50px;}
.news_list ul li .img{ width: 100%;}
.news_list ul li .img img{ width: 100%;}
.news_list ul li .news{ padding:10px 28px;}
.news_list ul li .news h3{ font-size: 20px; color: #000000; padding-bottom:0px;}
.news_list ul li .news p{ font-size: 16px; padding: 16px 0 0px 0; height: 52px; line-height: 26px; color: #999999;overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical;}
.news_list ul li .news .time{ height: 50px; margin-top: 16px;  font-size: 14px; line-height: 50px; border-top: solid 1px #e5e5e5; background:none; text-align:left;}
.page{ padding:0 0 40px 0; text-align:center;}
@media (max-width:420px){ 
	.news_list ul li{ width: calc(100% - 2px); float: left; border: solid 1px #e5e5e5; margin-bottom:20px}
	.news_list ul a:nth-child(odd) li{ margin-right:0px;}
	.index_newslist ul li{ width:100%; float: left;box-sizing: border-box; margin-bottom: 10px; border: solid 1px #e5e5e5; }
}
.news .time{ height:46px; line-height:46px; background:#f7f7f7; text-align:center; font-size:16px; color:#666666;}
.news .time .lll{ margin-left:40px;}
.news .zhengwen{ padding:20px 0 100px 0;}
@media (max-width:420px){ 
.news .title{ text-align:left;}
.news .time{ height:46px; line-height:46px;background:none;  border-bottom:solid 1px #f7f7f7; text-align:left;}
.news .time .lll{ display:none;}
}
/*行业案例*/
.hyal_list { overflow:hidden;}
.hyal_list ul li{  width:calc(25% - 13.5px); float: left; margin-right:18px; margin-bottom:40px; }
.hyal_list ul a:nth-child(4n) li{ margin-right:0px;}
.hyal_list ul li .img{ width: 100%;}
.hyal_list ul li .img img{ width: 100%; border:solid 1px #afafaf;box-sizing: border-box; display:block;}
.hyal_list ul li  h3{ font-size:16px; color: #000000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height:64px; font-weight:normal; text-align:center;}
.hyal_bot{ width:100%; background:#f8f8f8; padding:84px 0;}
.hyal_bot .main img{ width:100%;}
@media (max-width:940px){ 
.hyal_list ul li{  width:calc(33.33% - 12px); float: left; margin-right:18px; margin-bottom:40px; }
.hyal_list ul a:nth-child(4n) li{  margin-right:18px; }
.hyal_list ul a:nth-child(3n+0) li{ margin-right:0px;}
}
@media (max-width:420px){ 
.hyal_list ul li{  width:calc(50% - 9px); float: left; margin-right:18px; margin-bottom:40px; }
.hyal_list ul a:nth-child(4n) li{  margin-right:18px; }
.hyal_list ul a:nth-child(3n+0) li{ margin-right:18px;}
.hyal_list ul a:nth-child(even) li{ margin-right:0px;}
}
/*职位招聘*/
.zwzp{ overflow:hidden; font-size:16px; line-height:30px;}
.zwzp_font01{ font-size:24px; line-height:32px;}
.zwzp_font02{ padding:20px 0;}
.zpzw{ margin-bottom:50px;}
.zpzw h3{ width:100%; height:54px; line-height:54px; font-size:20px; padding-left:20px; background:#e6e6e6;}
.zpzw .zpzw_yq{ padding:26px; border:solid 1px #cccccc; border-top:none;}
/*实习生培养*/
.sxspy{  border:solid 4px #d3d3d3; padding:40px;}
@media (max-width:420px){ 
	.sxspy{  border:solid 4px #d3d3d3; padding:20px;}	
}
/*联系我们*/
.lxwm{ padding-top:60px;}
/*产品内页*/
/*带列表*/
.chanpin ul li{ padding-left:33px;  background:url(../images/chanpin_li.png) left top no-repeat;}
/*智能型*/
.cp_znx h3{font-size:30px; line-height:36px; font-weight:normal; padding:40px 0px;}
.cp_znx img{ display:block;}
.cp_znc_t{ overflow:hidden;}
.cp_znc_t .left{ width:50%; float:left; padding-right:70px;box-sizing: border-box;}
.cp_znc_t .right{ width:50%; float:right;}
.cp_znc_b{ overflow:hidden;}
.cp_znc_b .left{ width:50%; float:left;}
.cp_znc_b .right{ width:50%; float:right; padding-left:70px;box-sizing: border-box;}
@media (max-width:1020px){ 
.cp_znx img{ display:block; margin:0 auto;}
.cp_znc_t .left{ width:100%; padding-right:0px;}
.cp_znc_t .right{ width:100%;}
.cp_znc_b .left{ width:100%; }
.cp_znc_b .right{ width:100%; padding-left:0px;}
}
/*索要手册*/
.sysc{  border:solid 4px #d3d3d3; padding:40px; margin-bottom:100px;}
.lyb_dd ul li{ margin-top:10px; overflow:hidden;}
.lyb_dd .ckk{ width:100%; height:50px; padding:10px; line-height:50px; border:solid 1px #e6e6e6;box-sizing: border-box;}
.lyb_dd .dkk1{ width: calc(50% - 5px); float:left;  height:50px; padding:10px; line-height:50px; border:solid 1px #e6e6e6;box-sizing: border-box;}
.lyb_dd .dkk2{ width: calc(50% - 5px); float:right;  height:50px; padding:10px; line-height:50px; border:solid 1px #e6e6e6;box-sizing: border-box;}
.lyb_dd .tj{ width:124px; height:58px; text-align:center; background:#e60012; color:#fff; border:none;}
@media (max-width:420px){ 
.lyb_dd .dkk1{ width:100%; }
.lyb_dd .dkk2{  width:100%; margin-top:10px;}
}